/* 

    author:PengJin;

    date:2019-4-4;

*/

/* --banner-- */

.banner{clear:both;position:relative;z-index:1;width:100%;overflow:hidden;}

.banner .hd{position:absolute;left:0;bottom:40px;width:100%;height:2px;text-align:center;}

.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 10px;width:10px;height:10px;text-indent:-9999px;cursor:pointer;border:#f9a219 solid 1px;border-radius:50%;}

.banner .hd li.cur{background:#f9a219;}

.banner .bd,.banner .bd ul{}

.banner .bd li{position:relative;width:100%;}

.banner .bd li a{display:block;}

.banner .bd li a img{width: 100%;}

.banner .bd .app-banner{display: none;}

.banner .bd .pc-banner{}

.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-30px;width:58px;height:58px;cursor:pointer;opacity:0;transition: all 1s;}

.banner .prev{left:2%;background:url(banner_prev.png) no-repeat;}

.banner .next{right:2%;background:url(banner_next.png) no-repeat;}

.banner:hover .prev,.banner:hover .next{opacity:1;}

/* --end banner-- */



/* --product-- */

.product{padding:60px 0 65px;overflow:hidden;background:#f4f4f4;}

.product-hot{position:relative;float:left;width:558px;height:620px;overflow:hidden;}

.product-hot .pic{width:558px;height:620px;overflow:hidden;}

.product-hot .pic img{display:block;width:558px;height:620px;transition:all 0.5s linear;}

.product-hot .pic a:hover img{transform:scale(1.1);}

.product-hot .text{position:absolute;bottom:30px;left:10%;width:80%;color:#fff;text-align:center;line-height:1.5;}

.product-hot .text span{display:block;font-size:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.product-hot .text p{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.product-list{float:right;width: 100%;margin-bottom: -20px;}

.product-list .item{position:relative;top:0;float: left;margin: 10px;width: calc(25% - 20px);padding: 0 0px;/* margin: 10px; */transition:all 0.5s linear;box-sizing: border-box;margin-bottom: 20px;border: 1px solid #dedede;}

.product-list .pic{width: 100%;height: auto;overflow:hidden;background:#fff;}

.product-list .pic img{display:block;height: 239px;margin: auto;}

.product-list .text{padding:16px;text-align:center;line-height:1.5;}

.product-list .text{display:block;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;}

.product-list .text p{font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.product-list .item:hover{top: -10px;box-shadow:0 0 20px #ccc;background:#0950a0;}

.product-list .item:hover *{color:#fff;}

/* --end product-- */



/* --case-- */

.case{padding-top:80px;overflow:hidden;background:#fff;}

.case-list{overflow:hidden;}

.case-list .item{position:relative;float:left;width:20%;}

.case-list .pic{position:relative;}

.case-list .pic img{display:block;width:100%;}

.case-list .text{position:absolute;top:0;left:0;padding:60% 60px 0;width:100%;height:100%;color:#fff;text-align:center;overflow:hidden;box-sizing:border-box;transition:all 0.5s linear;}

.case-list .icon{margin:0 auto;width:60px;overflow:hidden;}

.case-list .icon img{display:block;width:60px;height:60px;}

.case-list .icon:after{display:block;margin:24px auto;width:22px;height:2px;content:"";background:#fff;}

.case-list .tit{font-size:24px;font-weight:bold;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.case-list .tit a{color:#fff;}

.case-list .summary{display:none;margin:22px 0;height:75px;font-size:16px;line-height:25px;overflow:hidden;}

.case-list .btnBox{display:none;margin:0 auto;max-width:205px;height:37px;line-height:37px;border:#fff solid 1px;overflow:hidden;}

.case-list .btnBox a{display:block;float:left;width:50%;font-size:14px;color:#fff;text-align:center;box-sizing:border-box;}

.case-list .btnBox a:nth-child(1){border-right:#fff solid 1px;}

.case-list .btnBox a:before{background-color:#f9a219;}

.case-list .item.cur .text{padding-top:40%;background:rgba(9,80,160,0.95);}

.case-list .item.cur .summary,.case-list .item.cur .btnBox{display:block;}

/* --end case-- */



/* --made-- */

.made{padding:80px 0 65px;overflow:hidden;background:#fff;}

.made-tab{overflow:hidden;}

.made-main{height:500px;}

.made-main .item{position:relative;height:500px;overflow:hidden;}

.made-main .pic img{display:block;width:1200px;height:500px;}

.made-main .text{position:absolute;right:0;bottom:0;padding:40px 45px;width:525px;height:104px;color:#fff;background:url(made_text.png) no-repeat;}

.made-main .text em{display:block;height:20px;line-height:20px;font-size:14px;font-weight:bold;opacity:0.42;font-family:"Geometric 415 Black BT";}

.made-main .text span{display:block;margin-top:8px;height:30px;line-height:30px;font-size:24px;}

.made-main .text p{margin-top:15px;line-height:22px;font-size:14px;}

.made-menu{padding-top:30px;margin:0 -60px;width:1320px;overflow:hidden;}

.made-menu li{float:left;width:16.66%;text-align:center;cursor:pointer;}

.made-menu li i{position:relative;display:block;margin:0 auto;width:45px;height:45px;overflow:hidden;}

.made-menu li i img{display:block;position:absolute;top:0;left:0;transition:all 0.5s linear;}

.made-menu li p{padding:0 60px;font-size:18px;color:#666;line-height:1.5;}

.made-menu li.cur i img{top:-45px;} 

.made-menu li.cur p{color:#1255a1;}

/* --end made-- */



/* --adv-- */

.adv{padding-top:60px;overflow:hidden;background:#f8f8f8;}

.adv .wrap-title{text-align:left;}

.adv-slide{position:relative;clear:both;margin-top:35px;height:610px;}

.adv-slide .tempWrap,.adv-slide .bd{overflow:visible !important;}

.adv-slide .item{position:relative;height:610px;background-repeat:no-repeat;background-position:center;}

.adv-slide .inner{position:relative;margin:0 auto;width:1200px;height:610px;}

.adv-slide .text{position:absolute;top:0;left:0;padding:25px;width:350px;height:350px;color:#fff;background:#0950a0;opacity:0;transition:all 0.5s linear;}

.adv-slide .item.cur .text{top:-35px;opacity:1;}

.adv-slide .num{height:50px;line-height:50px;font-weight:bold;font-size:36px;font-family:"Geometric 415 Black BT";}

.adv-slide .tit{margin-top:20px;font-size:30px;overflow:hidden;}

.adv-slide .summary{margin-top:10px;height:100px;font-size:14px;line-height:25px;overflow:hidden;}

.adv-slide .en{margin-top:15px;line-height:1.25;font-family:"Geometric 415 Black BT";overflow:hidden;}

.adv-slide .en strong{display:block;font-size:30px;}

.adv-slide .en p{font-size:14px;}

.adv-slide .hd{position:absolute;left:50%;bottom:35px;margin-left:-50px;width:100px;height:27px;text-align:center;background:#f68400;border-radius:15px;}

.adv-slide .hd ul{margin-top:8px;}

.adv-slide .hd li{display:inline-block;margin:0 6px;width:8px;height:8px;border:#fff solid 2px;border-radius:50%;text-indent:-9999px;cursor:pointer;}

.adv-slide .hd li.cur{background:#fff;}

.adv-slide .arrow{position:absolute;z-index:333;right:0;top:-120px;width:100%;height:61px;}

.adv-slide .arrow .prev,.adv-slide .arrow .next{float:right;background:#fff;border:#e5e5e5 solid 1px;}

.adv-slide .arrow .prev{border-right:none;}

.adv-slide .arrow .prev a{display:block;width:133px;height:61px;background:url(prev01.png) no-repeat center;}

.adv-slide .arrow .prev a:hover{background-image:url(prev01_cur.png);}

.adv-slide .arrow .next a{display:block;width:133px;height:61px;background:url(next01.png) no-repeat center;}

.adv-slide .arrow .next a:hover{background-image:url(next01_cur.png);}

/* --end adv-- */



/* --system-- */

.system{padding:60px 0 10px;overflow:hidden;background-color:#f4f6fa;background-image:linear-gradient(to bottom, #f1f0ee,#f3f8fd);}

.system-list{width:1290px;}

.system-list .item{float:left;margin-right:90px;padding:50px;width:240px;height:240px;overflow:hidden;background:url(system_item.png) no-repeat center;border-radius:50%;transition:all 0.5s linear;}

.system-list .icon{display:block;margin:0 auto;width:50px;height:50px;}

.system-list .text{padding-top:10px;text-align:center;overflow:hidden;}

.system-list .text span{display:block;height:32px;line-height:32px;font-size:24px;color:#333;overflow:hidden;}

.system-list .text em{display:block;height:18px;line-height:18px;font-size:12px;color:#999;font-family:Arial;overflow:hidden;}

.system-list .text p{margin-top:12px;height:96px;line-height:24px;font-size:15px;color:#666;overflow:hidden;}

.system-list .item:hover{background-color:#fff;box-shadow:0 0 20px #ddd;border-radius:10px;}

/* --end system-- */



/* --partner-- */

.partner{padding:60px 0 50px;overflow:hidden;background:#fff;}

.partner ul{border:#eee solid 1px;border-right:none;border-bottom:none;overflow:hidden;}

.partner li{position:relative;float:left;width:25%;border-right:#eee solid 1px;border-bottom:#eee solid 1px;box-sizing:border-box;}

.partner li .pic{position:relative;overflow:hidden;}

.partner li .pic img{display:block;width:100%;height: auto;padding: 10px 0;margin: auto;}

.partner li .text{display:none\9;position:absolute;top:0;left:0;width:100%;height:100%;line-height:118px;color:#fff;text-align:center;font-size:18px;font-weight:bold;opacity:0;transition:all 0.5s linear;}

.partner li .text:before,.partner li .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}

.partner li .text:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.partner li .text:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}

.partner li:hover .text:before,.partner li:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}

.partner li:hover .text{opacity:1;background:#0950a0;}

.partner li:hover img{filter:grayscale(100%);}

/* --end partner-- */



/* --aboutus-- */

.aboutus{padding-top:70px;height:515px;background:url(aboutus_bg.jpg) no-repeat center 0;}

.aboutus .wrap-title h3{margin-bottom:8px;}

.aboutus .text{margin:10px auto;width:936px;height:115px;font-size:14px;line-height:25px;text-align:center;color:#fff;overflow:hidden;}



.aboutus .read{padding-top:0;text-align:center;overflow:hidden;}

.aboutus .read a{display:inline-block;font-size:18px;color:#fff;line-height:37px;border-bottom:#fff solid 2px;transition: all 0.5s;}

.aboutus .read a:hover{padding:0 20px;font-weight:bold;}

.abt-list{padding-top:66px;color:#fff;overflow:hidden;text-align:center}

.abt-list dl{float:left;width:20%;box-sizing:border-box;}

.abt-list dt{position:relative;margin-top:27px;height:70px;}

.abt-list dt span{line-height:70px;font-size:60px;font-family:"Geometric 415 Black BT";}

.abt-list dt em{display:inline-block;position:relative;left:-10px;width:45px;height:22px;line-height:22px;text-align:center;font-size:18px;font-weight:bold;background:url(abt_em.png) no-repeat;}

.abt-list dd{height:40px;line-height:40px;font-size:18px;}

/* .abt-list .item01{padding-left:170px;width:420px;}

.abt-list .item01 dd{text-indent:15px;}

.abt-list .item02{padding-left:128px;width:380px;}

.abt-list .item03{padding-left:108px;width:400px;} */

/* --end aboutus-- */



/* --honor-- */

.honor{padding:60px 0 50px;overflow:hidden;background:url(honor_bg.png);}

.honor .wrap-title em{display:inline-block;padding:0 10px 0 4px;height:30px;line-height:30px;color:#fff;font-family:"Geometric 415 Black BT";background:#f68400;border-radius:0 20px 20px 0;}

.honor-slide{position:relative;height:198px;}

.honor-slide .prev,.honor-slide .next{position:absolute;top:50%;margin-top:-20px;width:39px;height:39px;cursor:pointer;}

.honor-slide .prev{left:-65px;background:url(prev02.png) no-repeat 0 0;}

.honor-slide .prev:hover{background-position:0 -39px}

.honor-slide .next{right:-65px;background:url(next02.png) no-repeat 0 0;}

.honor-slide .next:hover{background-position:0 -39px}

.honor-list{overflow:hidden;}

.honor-list .item{position:relative;float:left;margin-right:15px;width:296px;height:198px;background:url(honor_item.png) no-repeat;}

.honor-list .item a{display:block;width:270px;height:198px;overflow:hidden;}

.honor-list .pic{padding:9px;width:252px;height:181px;overflow:hidden;}

.honor-list .pic img{display:block;width:252px;height:181px;}

.honor-list .text{display:none\9;position:absolute;top:0;left:0;padding:0 30px;width:210px;height:100%;line-height:198px;color:#fff;text-align:center;font-size:18px;font-weight:bold;opacity:0;transition:all 0.5s linear;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;}

.honor-list .text:before,.honor-list .text:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}

.honor-list .text:before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}

.honor-list .text:after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}

.honor-list .item:hover .text:before,.honor-list .item:hover .text:after{opacity:1;transform:scale(1);transition: all 1s;}

.honor-list .item:hover .text{opacity:1;background:#0950a0;}

.honor-list .item:hover img{filter:grayscale(100%);}

/* --end honor-- */



/* --news-- */

.news{padding:80px 0;overflow:hidden;background:#fff;}

.news .hd{margin-bottom:30px;height:55px;line-height:54px;border-bottom:#e5e5e5 solid 1px;}

.news .hd .more{float:right;font-size:14px;color:#999;font-family:Arial;}

.news .hd .more:hover{color:#0950a0;}

.news .hd span{display:inline-block;margin-right:60px;font-size:20px;}

.news .hd span a{color:#999;}

.news .hd span.cur a{display:block;color:#333;border-bottom:#393939 solid 2px;}

.news .bd{height:370px;overflow:hidden;}

.faq{float:left;width:466px;}

.faq-item{margin-bottom:50px;padding-left:45px;overflow:hidden;background:url(faq.png) no-repeat 0 0;}

.faq-item dt{height:33px;line-height:33px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.faq-item dt a{color:#333;}

.faq-item dd{margin-top:12px;height:44px;line-height:22px;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.faq-item dd a{color:#999;}

.faq-item:hover *{color:#0950a0;}

.news-tab{float:right;width:636px;}

.news-item{margin-bottom:25px;overflow:hidden;}

.news-item .pic{float:left;width:169px;height:106px;overflow:hidden;}

.news-item .pic img{display:block;width:169px;height:106px;}

.news-item .text{padding-left:18px;overflow:hidden;}

.news-item .text h3{height:24px;line-height:24px;font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news-item .text h3 a{color:#333;}

.news-item .text p{margin-top:8px;height:48px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news-item .text p a{color:#888;}

.news-item .text em{display:block;margin-top:10px;font-size:14px;color:#888;}

.news-item:hover .pic img{transform:scale(1.1);transition: all 0.5s linear;}

.news-item:hover .text *{color:#0950a0;}

/* --end news-- */



/* --flinks-- */

.flinks{padding:27px 0;line-height:41px;overflow:hidden;border-bottom:#373737 solid 1px;background:#202020;}

.flinks .addlink{float:right;color:#fff;}

.flinks dl{padding:0 56px;overflow:hidden;background:url(flinks.png) no-repeat 0 0;}

.flinks dt{float:left;font-size:18px;color:#fff;}

.flinks dt a{color:#fff;}

.flinks dd{overflow:hidden;width:auto}

.flinks dd a{display:inline-block;padding:0 0px;color:#999;}

.flinks dd a:hover{color:#eee;}

/* --end flinks-- */









@media (max-width: 1679px) {}

@media (max-width: 1459px) {

  .product{padding: 60px 0 ;}

  .case{padding-top: 60px;}

  .news{padding: 60px 0;}

}

@media (max-width: 1259px) {

  .product-list .pic {width: 100%;height: auto;}

  .product-list{width: 100%;}

  .product-list .item{width: calc(25% - 20px);}

  .product-hot{width: 40%;height: 460px;}

  .product-hot .pic {width: 100%;height: 100%;}

  .product-hot .pic img{width: 100%;height: 100%;}

  .product-list .pic img{height: 160px;}

  .case-list .text{    padding: 20px 20px 0;}

  .case-list .tit {font-size: 20px;}

  .case-list .item.cur .text {padding-top: 20px;}

  .case-list .summary{padding: 5px 0;}

  .abt-list dt span {line-height: 94px;font-size: 50px;}

  .faq{width: 40%;}

  .news-tab{width: 57%;}
  .news-item .pic{display:none}
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

  .aboutus .text p{height:auto;}

  .wrap-title h3 a{font-size: 22px;margin-bottom: 10px;}

  .wrap-title{padding-bottom: 20px;}

  .product{padding: 40px 0 22px;}

  .case{padding-top: 40px;}

  .news{padding: 40px 0;}

  .partner{padding: 40px 0 ;}

  .product-hot{margin-bottom: 20px;}

  .product-list .pic,

  .product-hot,

  .product-hot .pic{width: 100%;height: auto;}

  .product-list .item,

  .product-list,

  .product-hot .text{width: 100%;margin: 0px 0px 15px 0px;}

  .product-hot .pic img{width: 100%;height: auto;}

  .product-hot .text{left: 0;padding:  0 20px;    box-sizing: border-box;}

.product-hot .text span{font-size: 18px;}

.case-list .item{width: 100%;}

.case-list .pic{height: 320px;}

.case-list .item .text{    padding-top: 36px;background:rgba(9,80,160,0.5);}

.case-list .item .summary,.case-list .item .btnBox{display:block;}

.case-list .tit{font-size: 18px;}

.case-list .icon img{width: 40px;height: 40px;margin: auto;}

.case-list .summarym,

.case-list .icon:after {    margin: 12px auto;}

.partner li{width: 50%;}

.partner li .text{font-size: 14px;}



.abt-list dt span{font-size: 30px;margin-right: 5px;line-height: 82px;}

.abt-list dl{width: 50%;}

.abt-list dl:last-child{width: 100%;}

.abt-list dd,

.abt-list dt{margin-top: 0px;height: auto;text-align: center;}

.abt-list dt{margin: -12px 0 -22px;}

.abt-list {padding-top: 20px;}

.aboutus{padding-top: 30px;padding-bottom: 40px;}

.aboutus .text {margin: 0 auto;width: 100%;height: 80px;}

.faq{width: 100%;}

.news-tab{width: 100%;    margin-bottom: 15px;}

.product-list .pic img {height: 250px;}

}